<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<body>
<h2>获取用户信息成功</h2>
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
<script>
var shareTitle= '是我分享标题'
var shareContent = "这是内容"
var shareImage = "https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2625923287,166418742&fm=58";
var shareUrl = "http://1n723r6757.iok.la/weixin/getCode.jspx";

wx.config({
	debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId: '${appId}', // 必填，公众号的唯一标识
    timestamp: ${timestamp}, // 必填，生成签名的时间戳
    nonceStr: '${nonceStr}', // 必填，生成签名的随机串
    signature: '${signature }',// 必填，签名
    jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo','onMenuShareQZone'
                ,'startRecord','stopRecord','playVoice','uploadVoice','downloadVoice','onVoiceRecordEnd','scanQRCode'
                ,'chooseImage','previewImage','uploadImage','downloadImage','getLocalImgData'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});

wx.ready(function(){ setShare(); });

function setShare(){
	//分享给朋友
	wx.onMenuShareAppMessage({
		title: shareTitle, // 分享标题
		desc: shareContent, // 分享描述
		link: shareUrl, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
		imgUrl: shareImage, // 分享图标
		type: 'link', // 分享类型,music、video或link，不填默认为link
		dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
		success: function () {
			alert("分享给好友成功")
		},
		cancel: function () {
		// 用户取消分享后执行的回调函数
		}
	});
	//分享给朋友圈
	wx.onMenuShareTimeline({
		title: shareTitle, // 分享标题
		link: shareUrl, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
		imgUrl: shareImage, // 分享图标
	    success: function () {
	    	alert("分享朋友圈成功")
		},
		cancel: function () {
	    // 用户取消分享后执行的回调函数
	    }
	});
	//分享给QQ好友
	wx.onMenuShareQQ({
		title: shareTitle, // 分享标题
		desc: '微信开发测试', // 分享描述
		link: shareUrl, // 分享链接
		imgUrl: shareImage, // 分享图标
		success: function () {
		// 用户确认分享后执行的回调函数
			alert("分享QQ好友成功");
		},
		cancel: function () {
		// 用户取消分享后执行的回调函数
		}
	});
	//分享给腾讯微博
	wx.onMenuShareWeibo({
		title: shareTitle, // 分享标题
		desc: '分享测试', // 分享描述
		link: shareUrl, // 分享链接
		imgUrl: shareImage, // 分享图标
		success: function () {
		// 用户确认分享后执行的回调函数
			alert("分享腾讯微博成功");
		},
		cancel: function () {
		// 用户取消分享后执行的回调函数
		}
	});
	wx.onMenuShareQZone({
		title: shareTitle, // 分享标题
		desc: '分享测试', // 分享描述
		link: shareUrl, // 分享链接
		imgUrl: shareImage, // 分享图标
		success: function () {
		// 用户确认分享后执行的回调函数
			alert("分享QQ空间成功");
		},
		cancel: function () {
		// 用户取消分享后执行的回调函数
		}
	});
	
	
	
}
var localId;
var serverId;
var voice={"localId":localId,"serverId":serverId};

//录音
function startRecord(){
	wx.startRecord({
	cancel: function () {
        alert('用户拒绝授权录音');
      }
	});
}

//停止录音
function stopRecord(){
	wx.stopRecord({
		success: function (res) {
			voice.localId = res.localId;
			uploadVoice();
		},
	    fail: function (res) {
		   alert(JSON.stringify(res));
		}
	});
}

// 4.4 监听录音自动停止
wx.onVoiceRecordEnd({
  complete: function (res) {
	  voice.localId = res.localId;
    alert('录音时间已超过一分钟');
  }
});

//播放录音
function playVoice(){
	if (voice.localId == '') {
      alert('请先使用 startRecord 接口录制一段声音');
      return;
    }
	wx.playVoice({
		localId: voice.localId // 需要播放的音频的本地ID，由stopRecord接口获得
	});
}

//上传语音
function uploadVoice(){	
	if (voice.localId == '') {
	      alert('请先使用 startRecord 接口录制一段声音');
	      return;
	    }	   
	wx.uploadVoice({
		localId: voice.localId, // 需要上传的音频的本地ID，由stopRecord接口获得
		isShowProgressTips: 1, // 默认为1，显示进度提示
		success: function (res) {
			//alert('上传语音成功----，serverId 为' + JSON.stringify(res));
			//voice.serverId = res.serverId; // 返回音频的服务器端ID
		//请求自己的接口
			//把录音在微信服务器上的id（res.serverId）发送到自己的服务器供下载。
			//var dataString = JSON.stringify(res);
            $.ajax({
                url: '${pageContext.request.contextPath}/voice/uploadVoice.jspx',
                type: 'post',
                data: {'res':JSON.stringify(res)},
                dataType: "json",
                success: function (data) {
                    if(data.code === 0){
                    	var testVoice = new Audio();
                    	testVoice.src = data.content;
                    	alert(testVoice.src)
                    	testVoice.loop = "loop";
                    	testVoice.load();
                    	testVoice.play();
                    }
                },
                error: function (xhr, errorType, error) {
                    console.log(error);
                }
            });
		}
	});
}

//下载语音
/* function downloadVoice(){	
	if (serverId == '') {
	      alert('请先使用 uploadVoice 上传声音');
	      return;
	    }
    wx.downloadVoice({
    	serverId: serverId, // 需要下载的音频的服务器端ID，由uploadVoice接口获得
    	isShowProgressTips: 1, // 默认为1，显示进度提示
        success: function (res) {
	        alert('下载语音成功，localId 为' + res.localId);
	        localIdTemp = res.localId;
      	}
    });
	
} */



//微信扫描
function scanQRCode(){
	wx.scanQRCode({
		needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
		scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
		success: function (res) {
		var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
		alert("返回结果："+result);
		}
	});
}

var imgServerId;

//拍照或者从手机相册中选取
function chooseImage(){
	wx.chooseImage({
		count: 3, // 默认9
		sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
		sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
		success: function (res) {
			localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
			uploadImage(localIds);
		}
	});
}

//上传图片
function uploadImage(localIds){
	var localId = localIds.pop();
	wx.uploadImage({
		localId: localId, // 需要上传的图片的本地ID，由chooseImage接口获得
		isShowProgressTips: 1, // 默认为1，显示进度提示
		success: function (res) {
			//var serverId = res.serverId; // 返回图片的服务器端ID
			 $.ajax({
	                url: '${pageContext.request.contextPath}/voice/uploadImage.jspx',
	                type: 'post',
	                data: {'res':JSON.stringify(res)},
	                dataType: "json",
	                success: function (data) {
	                    if(data.code === 0){
	                    	alert(data.content);
	                    }
	                },
	                error: function (xhr, errorType, error) {
	                    console.log(error);
	                }
	          });
		}
	});
}

</script>
appId:${appId}
timestamp:${timestamp}
nonceStr:${nonceStr }
signature:${signature }<br>
 <div class="lbox_close wxapi_form">
	 <h3 id="menu-voice">音频接口</h3>
	 <span class="desc">开始录音接口</span>
	 <a href="javascript:void(0)" id="startRecord" onclick="startRecord()">开始录音</a><br>
	 <span class="desc">停止录音接口</span>
     <a href="javascript:void(0)" id="stopRecord" onclick="stopRecord()">停止录音</a><br>
     <span class="desc">播放语音接口</span>
     <a href="javascript:void(0)" id="playVoice" onclick="playVoice()">播放语音</a><br>
     <span class="desc">暂停播放接口</span>
     <a href="javascript:void(0)" id="pauseVoice" onclick="pauseVoice()">暂停播放</a><br>
     <span class="desc">停止播放接口</span>
     <a href="javascript:void(0)" id="stopVoice" onclick="stopVoice()">停止播放</a><br>
     <span class="desc">上传语音接口</span>
     <a href="javascript:void(0)" id="uploadVoice" onclick="uploadVoice()">上传语音</a><br>
     <span class="desc">下载语音接口</span>
     <a href="javascript:void(0)" id="downloadVoice" onclick="downloadVoice()">下载语音</a><br>
     <span class="desc">微信扫一扫</span>
     <a href="javascript:void(0)" id="scanQRCode" onclick="scanQRCode()">微信扫一扫</a><br>
     <span class="desc">拍照或者从手机相册中选取</span>
     <a href="javascript:void(0)" id="scanQRCode" onclick="chooseImage()">拍照或者从手机相册中选取</a><br>
 </div>
</body>
</html>
